<template>
  <div
    class='relative rounded-md border-white duration-500 hover:bg-red-100/40 '
  >
    <div class='w-full'>
      <!-- 搜索图标 -->
      <m-svg-icon
        class='w-2 h-2 absolute translate-y-[-45%] top-[50%] left-1.5'
        name='search'
        color='#707070'
      >
      </m-svg-icon>
      <input class='block w-full h-[38px] pl-4 outline-0 bg-zinc-100 caret-zinc-400 rounded-md
              text-zinc-900 tracking-wide font-semibold border border-zinc-100 focus:border-red-300 text-base
              dark:bg-zinc-700 dark:border-zinc-600 dark:text-zinc-300'
             type='text'
             placeholder='搜索'
      />
    </div>
  </div>
</template>

<script setup>

</script>

<style lang='scss' scoped>
</style>
